<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <title>备胎车服管理系统</title>
    <meta name="description" content="备胎车服管理系统">
    <link href="../static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
    <link href="../static/css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
    <link href="../static/css/style.min.css" th:href="@{/css/style.min.css}" rel="stylesheet"/>
    <link href="../static/css/login.min.css" th:href="@{/css/login.min.css}" rel="stylesheet"/>
    <link href="../static/bx/css/ry-ui.css" th:href="@{/bx/css/ry-ui.css?v=4.7.0}" rel="stylesheet"/>
    <!-- 360浏览器急速模式 -->
    <meta name="renderer" content="webkit">
    <!-- 避免IE使用兼容模式 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!--    <link rel="shortcut icon" href="../static/favicon.ico" th:href="@{favicon.ico}"/>-->
    <style type="text/css">label.error {
        position: inherit;
    }</style>
    <script>
        if (window.top !== window.self) {
            alert('未登录或登录超时。请重新登录');
            window.top.location = window.location
        }
        ;
    </script>
</head>
<body class="signin">
<div class="signinpanel">
    <div class="row">
        <div class="col-sm-7">
            <div class="signin-info">
                <div class="logopanel m-b">
                    <h1><img alt="[ 备胎车服 ]" src="../static/btcf.png" th:src="@{/btcf.png}"></h1>
                </div>
                <div class="m-b"></div>
                <h4>欢迎使用 <strong>备胎车服 后台管理系统</strong></h4>
                <ul class="m-b">
                    <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> 新车服务</li>
                    <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> 汽车车险</li>
                    <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> 二手汽车</li>
                    <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> 汽车保养</li>
                    <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> 汽车美容</li>
                    <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> 汽车急救</li>
                </ul>
            </div>
        </div>
        <div class="col-sm-5">
            <div id="login-tab">
                <div class="login-tab-1" style="display:block">
                    <form id="signupForm" autocomplete="off">
<!--                        <a class="loginType1" style="float:right">扫码登录</a>-->
                        <p class="m-t-md">我们承诺为您提供最优质的服务</p>
                        <input type="text" name="username" class="form-control uname" placeholder="用户名" value="adMtkj"/>
                        <input type="password" name="password" class="form-control pword" placeholder="密码" value="111111"/>
                        <div class="row m-t" th:if="${captchaEnabled==true}">
                            <div class="col-xs-6">
                                <input type="text" name="validateCode" class="form-control code" placeholder="验证码"
                                       maxlength="5"/>
                            </div>
                            <div class="col-xs-6">
                                <a href="javascript:void(0);" title="点击更换验证码">
                                    <img th:src="@{/captcha/captchaImage(type=${captchaType})}" class="imgcode"
                                         width="85%"/>
                                </a>
                            </div>
                        </div>
                        <div class="checkbox-custom" th:if="${isRemembered}"
                             th:classappend="${captchaEnabled==false} ? 'm-t'">
                            <input type="checkbox" id="rememberme" name="rememberme"> <label
                                for="rememberme">记住我</label>
                        </div>
                        <button class="btn btn-success btn-block" id="btnSubmit" data-loading="正在验证登录，请稍候...">登录
                        </button>
                    </form>
                </div>
                <div class="login-tab-2" style="display: none">
                    <form id="qrLogindFrom" autocomplete="off">
                        <a class="loginType2" style="float:right">账号密码登录</a>
                        <p class="m-t-md">我们承诺为您提供最优质的服务</p>
                        <div class="row m-t" th:if="${captchaEnabled==true}">
                            <a href="javascript:void(0);" title="点击更换二维码">
                                <img th:src="@{/getWeixinLoginImage}" class="qrloginimg"
                                     id="qrloginimg" data-loading="已扫码，请确认登录"
                                     width="100%"/>
                            </a>
                        </div>
                        <p id="m-t-md-login-tips">请使用微信扫一扫登录</p>
                    </form>
                </div>
            </div>
        </div>

    </div>
    <div class="signup-footer">
        <div class="pull-left">
            Copyright © 2022 XYMTKJ All Rights Reserved. <br>
        </div>
    </div>
</div>
<script th:inline="javascript"> var ctx = [[@{/}]]; var captchaType = [[${captchaType}]]; </script>
<!--[if lte IE 8]>
<script>window.location.href = ctx + 'html/ie.html';</script><![endif]-->
<!-- 全局js -->
<script src="../static/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script>
<script src="../static/ajax/libs/validate/jquery.validate.min.js"
        th:src="@{/ajax/libs/validate/jquery.validate.min.js}"></script>
<script src="../static/ajax/libs/layer/layer.min.js" th:src="@{/ajax/libs/layer/layer.min.js}"></script>
<script src="../static/ajax/libs/blockUI/jquery.blockUI.js" th:src="@{/ajax/libs/blockUI/jquery.blockUI.js}"></script>
<script src="../static/bx/js/ry-ui.js" th:src="@{/bx/js/ry-ui.js?v=4.7.0}"></script>
<script src="../static/bx/login.js" th:src="@{/bx/login.js}"></script>
</body>
</html>
